系统主要功能分为“明细”、“统计”、“我的”等三个部分,导航栏根据功能划分,设计为三个按钮,每个按钮对应一个功能。

2.1 任务描述

前置任务:C4-001

业务模块:主视图界面

修改底部导航栏

任务类型:按步骤操作

2.2 详细实现步骤

2.2.1 修改字符资源

在res/values/strings.xml文件中,对字符串资源进行修改,如下:

<resources>
    <string name="app_name">AccountBook</string>
    <string name="title_details">明细</string>
    <string name="title_statistics">统计</string>
    <string name="title_own">我的</string>
</resources>

2.2.2 修改res/menu/navigation.xml文件

对导航栏三个按钮的id和title属性等进行修改。

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/navigation_details"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="@string/title_details" />

    <item
        android:id="@+id/navigation_statistics"
        android:icon="@drawable/ic_dashboard_black_24dp"
        android:title="@string/title_statistics" />

    <item
        android:id="@+id/navigation_own"
        android:icon="@drawable/ic_notifications_black_24dp"
        android:title="@string/title_own" />

</menu>

2.2.3 修改MainActivity中相关代码

系统已经给我们生成了BottomNavigationView 的事件监听代码,将代码修改如下:

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    switch (item.getItemId()) {
        case R.id.navigation_details:
            mTextMessage.setText(R.string.title_details);
            return true;
        case R.id.navigation_statistics:
            mTextMessage.setText(R.string.title_statistics);
            return true;
        case R.id.navigation_own:
            mTextMessage.setText(R.string.title_own);
            return true;
    }
    return false;
}

2.2.4 修改主布局文件activity_main.xml

将Android Studio生成的布局文件中的TextView组件去掉,后面我们会用自己的布局文件显示相关界面。

图 7 底部导航栏

results matching ""

    No results matching ""